<!DOCTYPE html>
<html lang="en">
<head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>简易计算器</title>
          <link rel="stylesheet" href="./style.css.css" type="text/css">
          <script src="./caj.js"></script>
</head>
<body>
    <div class="form">
          <h1>简易计算器</h1>
          <p>
            <label>操作数1：</label>
            <input type="text" id="num1">
          </p>
          <p>
                    <label>操作数2：</label>
                    <input type="text" id="num2">
          </p>
          <p id="btn">
                    <input type="button" value="加法" onclick="sum()">
                    <input type="button" value="减法" onclick="sub()">
                    <input type="button" value="乘法" onclick="mul()">
                    <input type="button" value="除法" onclick="div()">
                    <input type="button" value="求模" onclick="mod()">
          </p>
          <p>
                    <label>运算结果：</label>
                    <input type="text" id="result">
          </p>
    </div>
</body>
</html>